<!DOCTYPE html>
<html lang="en">
<head>
<title>gnu-trex | no nonsense tracking</title>
<meta charset="utf-8">
<link href="css/tracks.css" rel="stylesheet" />

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/trex.min.js"></script>
<script type="text/javascript" src="js/main.min.js"></script>
</head>
<body>
<div id="todo">
<h2>[ABOUT]</h2>
<p>gnu-trex is a web based time tracking and recording system with the ability to create multiple tasks, pause and resume and remove them as required.</p>
<p><strong>How to Use</strong><br />
<ol>
<li>Enter Task detail in the text box, and click 'Add Task' to start tracking.</li>
<li>The Active Time Counter is the time spent on the Task.</li>
<li>Use button "P" to pause the task, "D" to Delete it.</li>
</ol></p>
<h2>[RESOURCES]</h2>
<p>more info on the project page - <a href="http://code.google.com/p/gnu-trex">http://code.google.com/p/gnu-trex</a></p>
</div>
<div id="tracks">
<div id="controls">
	<textarea id="taskDesc" rows="4" cols="60">wasting time!</textarea>
	<button id="addTask" onclick="addTask();">Add Task</button>
	<button id="pauseTasks" onclick="pauseTasks(this);">Pause All Tasks</button>
	<button id="saveTasks" onclick="saveTasks(this);">Save</button>
	<button id="loadTasks" onclick="loadTasks(this);">Load</button>
	<div class="cb"></div>
	<div id="tasks"></div>
	<div id="msg"></div>
</div>
</div>
</body>
</html>

